<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./../../WEB-INF/templates/MainTemplate.xhtml">

            <ui:define name="bar">
                <h:form id="barForm">
                    <p:panel id="barFormPanel" styleClass="noMargin noPadding noBorder">
                        <p:commandButton styleClass="actionButton" disabled="#{notificacionesUsuarioBean.entidadElegida==null or notificacionesUsuarioBean.entidadElegida.ok}" id="notificacionOk" value="#{messages.Ok}" update=":dialogoForm:descripcionDialogPanel :leftMenuForm:notificacionesPanelMenu :notificacionesForm:notificacionesPanel" actionListener="#{notificacionesUsuarioBean.darOk()}"></p:commandButton>
                        <p:commandButton styleClass="actionButton" disabled="#{notificacionesUsuarioBean.entidadElegida==null}" id="detalleNotificacion" value="#{messages.Descripcion}" update=":dialogoForm:descripcionDialogPanel" oncomplete="descripcionDialog.show();"></p:commandButton>
                    </p:panel>
                </h:form>
            </ui:define>
            
            <ui:define name="dialogs">
                <h:form id="dialogoForm">
                  <p:dialog modal="true" id="descripcionDialog" widgetVar="descripcionDialog"  header="#{messages.Descripcion}">
                      <p:panel styleClass="noMargin noPadding noBorder" id="descripcionDialogPanel">
                          <h:outputText value="#{notificacionesUsuarioBean.entidadElegida.descripcion}"></h:outputText>
                      </p:panel>
                  </p:dialog>  
                </h:form>
            </ui:define>
            
            <ui:define name="content">
                <h:form id="notificacionesForm">
                    <p:growl autoUpdate="true" life="4000" id="almacenGrowl"></p:growl>
                    <p:panel id="notificacionesPanel" styleClass="noMargin noPadding noBorder">
                        <p:dataTable emptyMessage="#{messages.NoNotificaciones}" sortBy="#{entidad.ok}" resizableColumns="true" selectionMode="single" id="entidades" var="entidad" rowKey="#{entidad.idNotificacion}" selection="#{notificacionesUsuarioBean.entidadElegida}" value="#{notificacionesUsuarioBean.listadoEntidades}">
                            <p:ajax update=":barForm:barFormPanel" event="rowSelect" listener="#{notificacionesUsuarioBean.seleccionarEntidad()}"/> 
                            <p:ajax update=":barForm:barFormPanel" event="rowUnselect" listener="#{notificacionesUsuarioBean.deseleccionarEntidad()}"/>
                            <p:column sortBy="#{entidad.fechaCreacion}" filterBy="#{entidad.fechaCreacion}" filterMatchMode="contains" headerText="#{messages.Fecha}">
                                <h:outputText value="#{entidad.fechaCreacion}">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText> 
                            </p:column>
                            <p:column sortBy="#{entidad.descripcion}" headerText="#{messages.Descripcion}" filterBy="#{almacen.descripcion}" filterMatchMode="contains">
                                <h:outputText value="#{entidad.descripcion}"></h:outputText> 
                            </p:column>
                            <p:column sortBy="#{entidad.ok}" headerText="#{messages.Ok}">
                                <h:outputText value="#{entidad.ok}"></h:outputText> 
                            </p:column>
                            <p:column sortBy="#{entidad.fechaOk}" filterBy="#{entidad.fechaOk}" filterMatchMode="contains" headerText="#{messages.FechaOk}">
                                <h:outputText value="#{entidad.fechaOk}">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText> 
                            </p:column>
                        </p:dataTable>
                    </p:panel>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
